@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box;}
body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;}
body, html{ overflow-x: hidden;}
a,img,input{ text-decoration:none; font-size:14px; border:0}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
input,button,select,textarea{outline:none}
textarea{resize:none}
input,textarea{ outline:none;}
img{ max-width:100%}

.head,.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden}
.header{ padding:1.5% 0}
.head{ position:relative}
.head .clear{ position:absolute; left:50%; top:2%; margin-left:-142px}
.logo{ width:251px}
.logo p img{ width:100%}
.navz{ width:180px; margin-top:1%}
.navz dl{ overflow:hidden}
.navz dl dt{ float:left; width:24%}
.navz dl dd{ float:right; width:66%; font-size:16px; color:#999; line-height:24px; margin-top:-4px}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flexslider .slides li{ position:relative}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:9px;height:9px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:9px;height:9px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.sjx{ display:none !important}
.he_ZoomInImg{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.sy-bt{ margin:8% 0 5%; font-size:24px; text-align:center}
.sy1 p{ font-size:16px; text-align:left; line-height:30px;text-indent: 2em}
.sy1{ margin-bottom:6%}
.sy2{ background:#F7F7F7; overflow:hidden; margin-bottom:8%}
.sy2 .left,.sy2 .right{ width:50%}
.sy2 .left p img{ width:100%}
.sy2 .right{ padding:1% 5%}
.sy2 .right dl{ overflow:hidden; margin:4% 0}
.sy2 .right dl dt{ float:left; width:17%}
.sy2 .right dl dt img{ width:100%}
.sy2 .right dl dd{ float:right; width:78%; font-size:16px; color:#666; padding-top:2%}
.sy2 .right dl dd span{ display:block; margin-bottom:3%; color:#333; font-size:18px}
.sy3{ background:url(../images/sy-9.jpg) no-repeat center; background-attachment:fixed}
.sy3-1 .left{ width:40%}
.sy3-1 .right{ width:55%; padding-top:4%}
.sy3-1 .left p img{ width:100%}
.sy3-1 .right h1{ font-size:19px; letter-spacing:2px; color:#fff; font-weight:bold}
.sy3-1 .right h2{ font-size:18px; color:#fff; margin:3% 0 2%; letter-spacing:2px}
.sy3-1 .right p{ font-size:22px; color:#fff; font-weight:bold; letter-spacing:1px}
.sy3-1 .right p img{ vertical-align:middle; margin-right:20px}
.sy4{ background:#F5F5F5}
.sy4 h2 a{ display:inline-block; font-size:18px; border:#ccc 1px solid; margin:0 4%; padding:0 2%; line-height:80px}
.sy4 h2{ text-align:center; margin-bottom:6%}
.sy4 h2 a img{ vertical-align:middle; margin-right:15px}
.sy4 h2 .a2{ display:none}
.sy4 h2 a:hover{ background:#E35200; color:#fff; border:#E35200 1px solid}
.sy4 h2 a:hover .a1{ display:none}
.sy4 h2 a:hover .a2{ display:inline-block}
.more a{ display:block; margin:auto; width:160px; line-height:48px; border:#333 1px solid; text-align:center; font-size:16px; border-radius:30px}
.more a:hover{ background:#333; color:#fff}
.more{ margin:6% 0}
.sy5{ margin:-2% 0 7%}
.sy5 .left{ width:47%}
.sy5 .left p img{ width:100%}
.sy5 .right{ width:50%; border:#E15301 2px solid; border-radius:20px; padding:3% 7%; margin-top:4%}
.sy5 .right p{ background:url(../images/sy-21.png) no-repeat left top; padding-left:40px; font-size:17px; margin:7% 0}
.sy5 .right p strong{ display:block; font-size:23px; margin-bottom:2%}
.footer{ background:#000}
.foot1{ overflow:hidden; padding:6% 0 4%}
.fo1,.fo2,.fo3{ float:left; width:26.333%;}
.fo2{ margin:0 13%}
.fo3{ width:21.333%}
.fo1 p{ font-size:26px; color:#fff; margin-top:33%}
.fo2 h1{ font-size:24px; color:#fff; margin-bottom:17%}
.fo2 ul li{ overflow:hidden; color:#fff; font-size:16px; line-height:26px; margin-top:11%}
.fo2 ul li img{ vertical-align:middle; margin-right:15px}
.fo2 ul li .left{ width:39%}
.fo2 ul li .right{ width:61%}
.fo3 h1 img{ width:100%}
.fo3 dl{ float:right; margin-top:16%;margin-right: 50px}
.fo3 dl dt img{ width:100%}
.fo3 dl dd{ text-align:center; line-height:24px; color:#fff; margin-top:11%}
.foot2{ border-top:#fff 1px solid}
.foot2 p{ padding:1.2% 0; text-align:center; font-size:14px;}
.foot2 p,.foot2 p a{ font-size:15px; color:#fff}
.cent1{ max-width:1340px}

.cp1{ border-bottom:#B0B3B8 1px solid; margin-top:8%}
.cp1 p a{ border-bottom:#EFF2F7 2px solid; display:inline-block; padding-bottom:2%; font-size:18px; margin-right:8%}
.cp1 p a:hover,.cp1 p .dq1{ border-bottom:#E25102 2px solid}
.cp2{ border-bottom:#D4D7DC 1px solid; padding:4% 0}
.cp2 .left{ width:14%; padding-top:3%}
.cp2 .right{ width:80%}
.cp2 .left p img{ width:100%; height:322px}
.cp2 .right h1{ font-size:24px; margin-bottom:5%}
.cp2-1 h2{ font-size:18px; margin-bottom:5%}
.cp2-1 h2 img{ vertical-align:middle; margin-right:15px}
.cp2-1{ overflow:hidden; margin-left:-5%}
.cp2-1 div{ float:left; width:45%; margin-left:5%}
.cp2-1 p{ font-size:14px; color:#666; line-height:24px; background:url(../images/cp-2.png) no-repeat left top 5px; padding-left:25px; margin-left:3%; margin-top:3%}
.cp3 .cp2:last-child{ border:0;}
.cp3{ margin:2% 0}